@import url('//prod3.agileticketing.net/WebSales/includes/CinemaArtsCenter[res]_2307/foundation.css?v-2.3');

:root {
	--epg-color1: #e3e3e3;
	--epg-color1text: black;
	--epg-color2: black;
	--epg-color2text: white;
}

.NavMyCalendarImg { display: none; }
.Media { height: unset!important; }
.row .row { max-width: 100%; }
.agl-usernav, .agl-usernav a { background-color: unset; }
.agl-epgbutton { transition: background-color 300ms ease-out 0s; }
.divCorpEmailPref, .divRegionalEmailPref { margin-left: 8px; }
#ActiveTermsAndConditionsBlock { margin-left: 8px; }
.form-select { padding: 1px 30px 1px 6px; }
#agl-buyframe { min-height: 300px; }

div, span, ul, li { margin: 0; padding: 0; }
td { vertical-align: top; }
img { border: 0px none; max-width: 100%; }
a { outline-width: 0px; color: #1d6fb8; text-decoration: none; }

body { font-size: 10pt; margin: 0px; padding: 0px; background-color: silver; font-family: arial,Helvetica,sans-serif; }

#descriptionbody, #printableBody, #lightboxbody { background-color: white; background-image: none; }
#descriptionbody form { padding: 5px; border: 1px solid #d9d9d9; }
.DescriptionPageClose { margin: 10px auto; }

#container { margin: auto; /*padding-top: 37px;*/ width: 1024px; background-color: white; position: relative; }
#intro {}
/*#pageHeader { height: 210px; }*/
#pageFooter { background-color: black; padding-top: 10px; padding-bottom: 14px; }
#pageFooter * { text-align: center; /* color: White;*/ }

#navButtons { background-color: Black; /*position: absolute*/; width: 100%; top: 0px; left: 0px; z-index: 9999999; }
#NavBarBlock { text-align: right; padding: 0px 20px; width: 100%; margin: auto; }
#NavBarBlock a, #NavBarBlock span { text-decoration: none; color: white; font-weight: bold; font-size: 105%; }

.agl-navigation { display: none; }
.agl-navigation ul { list-style-type: none; }
.LinkHeader > div { font-size: 110%; font-weight: bold; margin-bottom: 4px; }
.LinkGroup { margin-bottom: 10px; }
.DonationBtnSubmit, .DonationBtnNoThanks { background-color: darkgrey; }

.agl-iframed .columnSet1-1 { display: none; }
.agl-iframed .columnsSet1 { width: 100%; }

.VenuePromoterBlock { display: none; }
#venuePromoterList { padding-left: 8px; margin-bottom: 6px; margin-top: 14px; }

.Social { text-align: left; margin-bottom: 6px; }
.SocialCal { clear: left; }

#pageContent { }
.columnsSet1 { width: 1014px; margin: 0px auto; }
.columnsSet1 > table { width: 100%; }
.columnSet1-1 {width: 16.6666666667%; max-width:165px; border-right: 0px solid #eeeeee; padding-left: 4px; padding-right: 6px; padding-top: 4px;background: none repeat scroll 0 0 rgb(51, 51, 51); border: solid 2px rgb(51,51,51);/*border-top: 2px solid #999;*/;}
.columnSet1-1 aside#sidebar {  display: none !important;}
.columnSet1-23 { padding-left: 4px; padding-right: 4px; padding-top: 4px; }
.columnSet1-2Inner23, .columnSet1-2, .columnSet1-3Inner23, .columnSet1-3 { width: 378px; }
.agl-modaltitle { color: white!important; }
/*.MultiPricingBlock { margin-bottom: 4px; }*/
.MultiPricingBlock {
  text-align: center;
  border: 2px solid;
  border-radius: 4px;
  background-color: #e3e3e3;
  padding-left: 17px;
  margin: 15px 4px 15px;
}
.BuyMessageContainer {
  text-align: center;
  margin: 4px;
  border: 2px solid black;
  background-color: #B00000;
  color: White;
  font-weight: bold;
  border-radius: 4px;
}

.stepCell { width: 0px; }
.TitleArea, .TitleSplitArea { display: none; }
.VerboseListMonthSeperator, .VerboseListAlphaHeader { display: none; }
.EventInfoHeader, .MembershipInfoHeader, .EventListItemVenueName, .EventInfoItemVenueName { display: none; }
.priceInfoBlock, .PriceInfoHeader { display: none; }

#pageContent .SeatGridBlock { width: 750px; overflow: auto; }
.CartEmptyText { color: red; margin-bottom: 10px; }
.RequiredField, .ErrorText { display: inline; color: red; }
.BigBoldText, .EventInfoItemEventName, .MembershipInfoItemName, .VerboseListItemEventName { font-size: 120%; font-weight: bold; margin: 4px 0px; }
.CustomerQuestionTextCol { width: 300px; }
.CustomerQuestionReqCol { width: 20px; }
.giftaddress_note { padding: 20px; }
.orderSummaryEventHeader, .orderSummaryCatalogHeader, .orderSummaryPackageHeader, .orderSummaryMembershipHeader, .orderSummaryDonationHeader { margin-top: 4px; background-color: #CCCCCC; padding: 5px; }
.orderSummaryEventHeader td, .orderSummaryCatalogHeader td, .orderSummaryPackageHeader td, .orderSummaryMembershipHeader td, .orderSummaryDonationHeader td { padding: 5px; }
.ItemHeaderRowText { font-weight: bold; }
.CartItemCol { padding-right: 5px; padding-bottom: 5px; }
.CartItemCol a { color: #000000; }
#orderTotalsBlock table { font-size: 120%; font-weight: bold; margin-top: 10px; width: 200px; }
#CartButtonBlock, #PaymentButtonBlock { margin-top: 20px; margin-bottom: 10px; }
#CartButtonBlock { float: left; }
#ContinueButton { float: right; margin-top: 20px; }

.EventInfoItem div, .MembershipInfoItem div, .VerboseListItemInfo div{ margin-bottom: 10px; }
#ImageDiv, #imageDiv, #PackageImageDiv, #memImage { float: right; }
#tdVerboseMoreBuyTitle { padding-bottom: 4px; }
.blueBackgroundTitleArea { font-size: 120%; font-weight: bold; margin: 10px 0px; font-size: 140%; font-weight: bold; }
.ticketTypeBlock { margin-top: 10px; }
.ticketTypeBlock table { width: auto; }
.TierSelectItemContainer, .TierSelectItemContainer div { display: inline; }
.tierPriceColorSwatch { display: inline-block; padding: 0px 8px; }

#poweredBy { margin: 10px auto; }
#sidebar { display: none; }
.CustInfoWebAddress, .divRegionalEmailPref { display: none; }

.ui-state-active { background-image: none ! important; }
.PageBox { }

.shadowLeft, .VenuePromoterContent .ItemList, .VenuePromoerInfoBlock, .VenuePromoterImageBox, .VenuePromoterQuickInfo { -moz-box-shadow: -2px 2px 1px 1px #666; -webkit-box-shadow: -2px 2px 1px 1px #666; box-shadow: -2px 2px 1px 1px #666; }
.shadowCenter, #container, #navButtons   { -moz-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666; box-shadow: 0px 0px 2px 2px #666666; }

.RegionalHotSpotBlock { clear: both; margin-bottom: 8px; }
.RegionalContent { border: solid 1px #e3e3e3; border-radius: 4px; margin-bottom: 8px; }
.RegionalRightSide { float: right; width: 240px; background-color: #e3e3e3; padding: 5px; }
.RegionalLeftSide { float: left; width: 507px; }
.RegionalEventList .Header { border-radius: 0px; }
.RegionalEventList .Item { width: 100%; padding: 10px 4px; border-bottom: 1px solid #eeeeee; }
.RegionalEventList .Item td { padding-left: 4px; }
.RegionalEventList .Item td.DateCell { width: 60px; text-align: center; }
.RegionalEventList .Item td.DateCell .ItemDay { text-transform: uppercase; font-weight: bold; }
.RegionalEventList .Item td.DateCell .ItemDate { color: #777777; font-size: 80%; }
.RegionalEventList .Item td.DateCell .ItemTime, .RegionalEventList .Item td.DateCell .ItemYear { display: none; }
.RegionalEventList .Item td.BuyCell { width: 84px; text-align: right; }

.RegionalKeywordSearch { position: absolute; float: right; right: 0px; top: 40px; margin: 12px; padding: 4px; border: solid 1px #e3e3e3; border-radius: 4px; }
.RegionalKeywordSearch .searchHeader { display: none; }
.RegionalKeywordSearch input { font-size: 16px; width: 300px; border-width: 0px; border-right: solid 1px #e3e3e3; }

.RegionalAdvancedSearch, .RegionalQuickDateSearch, #sidebar { border: solid 1px #e3e3e3; border-radius: 4px; margin-bottom: 10px; }
.RegionalAdvancedSearch .Header, .RegionalQuickDateSearch .Header { padding: 4px; background-color: #1D6FB8; color: White; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.RegionalAdvancedSearch .searchHeader { margin: 3px; }
.RegionalAdvancedSearch select, .RegionalAdvancedSearch .searchTextBox { width: 192px; }
.RegionalAdvancedSearch .searchBody, .RegionalQuickDateSearch .searchBody { padding-left: 8px; margin-bottom: 6px; margin-top: 3px; }
.RegionalHotSpotBlock { border-radius: 4px; border: solid 1px #e3e3e3; }
a.HotSpotLink { color: White; }

.VenuePromoterImageBox { border: solid 1px #e3e3e3; border-radius: 8px; width: 500px; height: 200px; margin-bottom: 8px; float: left; overflow: hidden; }
.VenuePromoterQuickInfo { border: solid 1px #e3e3e3; border-radius: 8px; width: 250px; height: 200px; margin-bottom: 8px; float: right; }
.VenuePromoterQuickInfo .Content { margin: 6px; }
.VenuePromoterQuickInfo .ShortDescription { height: 130px; overflow:hidden; }
.VenuePromoterInfoLinks a { display: block; }
.VenuePromoterContent .ItemList, .VenuePromoerInfoBlock { clear: both; border: solid 1px #e3e3e3; border-radius: 8px; margin-bottom: 8px; background-color: #d3d3d3; }
.VenuePromoterContent .ItemList .Header, .VenuePromoerInfoBlock .Header { border-radius: 0px; }
.VenuePromoterInfoContent { margin: 4px; padding: 4px; border-radius: 4px; background-color: White; width: 740px; }
.ItemList table { margin: 4px; border-radius: 4px; background-color: White; }
.ItemList .Item td { width: 212px; padding: 4px; border-right: 1px solid silver; vertical-align: middle;  }
.ItemList .Item td.NameDescCell { width: 655px; }
.ItemList .Item td.BuyCell { width: 76px; border: 0px; }
.ItemList .ItemInfo { float: left; }
.ItemList .ItemInfo div { float: left; width: 200px; }
.ItemList #ViewBox { float: right; }
.ItemList .agl-epgbutton { margin: 0px; padding: 2px; }
.ItemList .PagerBoxBottom, .RegionalEventList .PagerBoxBottom { float: right; margin-top: 4px; }
.ItemList .Pager, .RegionalEventList .Pager { float: right; }
.ItemList .PagerHeaderBottom { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.wijmo-wijmenu.ui-widget-header { border-width: 0px; }
.wijmo-wijmenu.ui-corner-all { border-radius: 0px; }
.wijmo-wijcarousel-image { border-radius: 4px; }
.ui-tabs-right .wijmo-wijtabs-content { float: left; overflow: hidden; width: 500px; }
.ui-tabs-right .ui-tabs-nav { min-height: 300px; width: 240px; }
.ui-tabs .ui-tabs-panel { padding: 2px; }

/*just wierd*/
.specialmenu .sub-menu {  width: 640px !important;  right: -330px !important;  background: #333;  padding-top: 10px;}
.top-bar-section .dropdown li {  width: 100%;  height: auto;}
.specialmenu .sub-menu li {  width: 33.3% !important;  float: left !important;  right: 0px !important;}


/*overriding Stylesheets For Client Specific*/
.fbtop  {    background: url("fb.png") no-repeat scroll center center rgba(0, 0, 0, 0);}
.twtop {    background: url("tw.png") no-repeat scroll center center rgba(0, 0, 0, 0);}
.dirtop {    background: url("dir.png") no-repeat scroll center center rgba(0, 0, 0, 0);}
#headerInclude .socialtop a:link, #headerInclude .socialtop a:visited{color: rgb(51, 51, 51);}
#darkgreybg a:link, #darkgreybg a:visited{color: white;}
#pageContent{background: #000;}
.darkgreybg a:link, .darkgreybg a:visited {color: rgb(255, 255, 255);}
#footerMenu{display:none;}
#sideMenu{display:block; width:100%}
.location a {  color: white;}
.contain-to-grid {  border-bottom: 5px solid #999;}
iframe {width: 100%  !important;}
.ui-dialog {width: 420px !important;}
.ViewFilter,.FilterBox.VenueFilter{display:none}
.AgileList-Calendar .Past .Item .Time, .AgileList-Calendar .Past .Item .ImageBox, .AgileList-Calendar .Past .Item .More {  display: none;}
.CalendarTable .Image { width: 80%; }
.CalendarTable .Date .Day, .CalendarTable .Date .Mo, .CalendarTable .Date .Suffix { display: unset; }
.CalendarTable .agl-epgbutton { padding: 3px; color: var(--epg-color3); }
 .Footer-Inner { font-size: 12pt; }

/*overriding Agile General purposes*/
#container{width: 100%;}
#pageFooter{width: 100%;}
#pageHeader{width: auto;margin: auto;background-color: #0069AD;/* height: 161px;*/}
#navButtons,#poweredBy {background-color: #0069AD;} 
#poweredBy a:link, #poweredBy a:visited {color: white; text-decoration: underline;}
#poweredBy {margin: 0; padding: 6px; color: white }
#pageFooter{ padding: 1px 0;}
.columnSet1-23 {  padding-bottom: 20px; background-color: rgb(255, 255, 255);}
.InfoContainer{padding: 8px 10px;}
#nav{width: 250px;}
#clientsearchsubmit{color:white; height: unset;}
//.ui-widget-overlay { z-index: 999998; }
//.ui-dialog { z-index: 999999; }

.Description img {   max-width: 100%;}

#toggleButton {    float: right;    color: #1d6fb8;}
.ToggleShowingsHide {    display: none;}
.SearchBox {    display: none;}
.Name{color:black;}

.DonationLevel label { display: inline !important; }

.CustomerQuestionsBlock { margin-bottom: 15px; } 
.CustomerQuestionTextCol { width: 400px; }

/**********************************/
/*******AgileResponsive*******/
/**********************************/

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1824px) {
    /*Agile Specific override*/

    /*client Specific override*/

}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 1224px) {
    /*Agile Specific override*/

    /*client Specific override*/

}

/* iPads (portrait) ----------- */
@media only screen and (max-width : 1024px) {
    /*Agile Specific override*/

    /*client Specific override*/

}

@media only screen and (max-width: 950px) {
    /*Agile Specific override*/
    #pageContent {margin: auto;WIDTH: AUTO;}
    .columnsSet1 { width: 100%; margin: 0px; }
    /*client Specific override*/

}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 768px) {
    /*Agile Specific override*/

    #container { /*width: 475px*/; margin: 0px auto; box-shadow: 1px 2px 5px rgb(64, 64, 64); }
    #intro { overflow: hidden; }
    /*#pageHeader {  position: relative; }*/
    #NavBarBlock { text-align: left; }
    #pageHeader #logo { height: 60px; width: 170px; left: 28px; top: 15px; margin: 0px; }
    #pageHeader .llbo { right: 9px; top: 83px; }
    #pageHeader .address { font-size: .8em; }
    #pageHeader .address a { margin-left: 20px; color: red; text-decoration: underline; }
    .columnsSet1 { width: 100%; margin: 0px; }
    .columnSet1-2Inner23, .columnSet1-3Inner23 { display: block; }
    .EventInfoItemEventName, .MembershipInfoItemName, .VerboseListItemEventName { font-size: 1.6em; }
    .AlphaFilter { width: auto; margin-bottom: 6px; margin-left: 0px; }
    .PageBox { float: right; clear: left; margin-top: 6px; }
    .FilterBox { display: inline-block; width: 140px; }
    .FilterBox .FilterName { margin: 0px; }
     #pageContent {margin: auto;WIDTH: AUTO;}
     .ViewFilter {display:none}
     .columnSet1-2Inner23, .columnSet1-2, .columnSet1-3Inner23, .columnSet1-3 { width: auto; }

    .CalendarTable .DaysHeader { display:none; }
    .CalendarTable .OutsideDate, .CalendarTable .Empty { display: none; }
    .CalendarTable td { display: block;  width:100%}
    .CalendarTable td.Past, .DaysHeader {  display: none;}
    .AgileList-Detailed .ItemInfo { float: left; clear: left; width: auto/*360px*/; }
    .AgileList-Detailed .ViewLink, .AgileList-Detailed .BuyLink { float: left; clear: left; }
    .AgileList-Tiles .Item { clear: left; width: auto/*360px*/; border-bottom: 1px solid #BCBCC1; padding-bottom: 10px; }
    .AgileList-Tiles .ImageBox { height: auto; }
    .AgileList-Tiles .ItemInfo { height: 100px; }
    .AgileList-Tiles .Item.edged { border-right-width: 0px; }
    .AgileList-Tiles .Separator { display: none; }
    .AgileList-Tiles .Item .Image {padding: 4px;margin: auto;display: block;}

    .AgileList-List .Image {  width: 100%;}

    #ImageDiv, #imageDiv, .VerboseListItemImageDiv, #PackageImageDiv, #memImage { float: none; /*width: 360px;*/width: auto; }

    .AdditionalInformation { position: static; top: 0px; }
    .Purchase, .CustomInformation, .RelatedEventBlock, .InfoContainer .Description, .InfoContainer .AdditionalInformation, .InfoContainer .Comments { float: left; clear: left; width: 100%; margin-left: 0px; }
    .Media { width: 450px; }
    .Media > img { width: 100%; }
    .InfoContainer .Description .Text, .InfoContainer .AdditionalInformation .Text { font-size: .8em; }
    .BackToListLink { margin-left: 0px; }
    .ConcessionButton { margin-left: 10px; }
    .NewCustomersBlock { float: left; clear: left; width: 340px; margin: 0px 12px 8px; }
    #ucPaymentInfo_tblCreditCardPayment > tbody > tr > td { display: block; }
    .ShowingCount{ display: none; }
    .CalendarTable .Image { width: auto;}
    #pageFooter { border-top: 5px solid #0069ad; clear: both; color: #000; margin: 0 0px -30px; padding: 0 0px; position: relative; z-index: 2; } 
    .ReturningCustomersBlock {width:100%; padding: 0; margin: 11px 5%;  width: 90%;; border:none;}
    .ReturningCustomersBlock table {  width: 90%;  }
    .ReturningCustomersBlock tbody>tr{  margin: 5px 10px;;}
    .ReturningCustomersBlock tbody tr td{display: block;}
    /*.CustomerInputBlock tbody tr td{display: block;width: 350px;}*/
    /*.AddressBlock tbody tr td{display: block;}*/
    .LoginLabel {text-align: left;}
    .NewCustomersBlock {width: 100%;}

   // .Media{width:100% !important;}

    /*client Specific override*/
    /*.columnSet1-2Inner23, .columnSet1-2, .columnSet1-3Inner23, .columnSet1-3 {  width: 86% !important;}*/
    .ui-dialog {width: 100% !important;}
    #pageFooter #primary-sidebar { display: block; }
    .columnSet1-1{display:none;}
     #poweredBy { height: 60px;}

}

/* Big smartphones (portrait) (ie: Galaxy 3 has 360)*/
@media only screen and (max-width : 640px) {
    /*Agile Specific override*/
    .Description img {   width: 100%;}

    /*client Specific override*/
   #footerMenu{display:block;}
   #sideMenu{display:none;}

}

#overallDeliveryMethod label, #EmailPreferences label, #ActiveTermsAndConditionsBlock label { display: inline-block; }

.orderQuestionItemHeader  { background-color: #CCCCCC; font-weight: bold; padding: 5px; } 

.agl-streamhead { padding: 0px !important; }
.agl-streamhead h3, .agl-streamhead h4 { color: white; }

.agl-togfull { display: none; }

#PackageExtraHTML img { max-width: 100%; }